import { init } from  'snabbdom/build/package/init'
import { h } from 'snabbdom/build/package/h'

const patch = init([])

// h函数有两个参数： 第一个参数：标签+选择器；
// 第二个参数： 如果是字符串就是标签中的文本内容
let vnode = h('div#container.cls', 'Hello World')

let app = document.querySelector('#app')
// patch 函数的参数，第一个参数： 旧的VNDOE， 可以是DOM元素
// patch的作用：对比两次的差异，返回最新的VNODE，更新在界面上
// 第二个参数： 新的VNDOE, 作为下一次的oldVnode
// 返回新的VNODE
let oldVnode = patch(app, vnode)

// 功能：把container中改变内容，并改变样式

vnode = h('div#container.xxx', 'Hello Snabbdom')
patch(oldVnode, vnode)

